.col-lg-12 {
  padding: 0;
  overflow: hidden;
}
.col-md-12 {
  padding: 0;
  overflow: hidden;
}
.header {
  /* height: 820px; */
  width: 100%;
  position: relative;
}
.header .nav {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.header .nav .left {
  -webkit-animation: header_move 1.5s 0.1s;
  animation: header_move 1.5s 0.1s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  float: left;
  position: relative;
}
.header .nav .right {
  height: 80px;
  float: right;
  -webkit-animation: header_move 1.5s 0.1s;
  animation: header_move 1.5s 0.1s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  line-height: 80px;
  position: relative;
}
h1 {
  margin: 0;
}
.header .nav .right ul {
  height: 80px;
  line-height: 80px;
}
.header .nav .right ul li {
  float: left;
  margin-left: 30px;
  position: relative;
}
.header .nav .right ul li a {
  color: #708090;
  font-size: 18px;
}
.header .nav .right ul li .a_1 {
  color: #1e90ff;
}
.header .nav .right ul li a:hover {
  color: #1e90ff;
}
.header .nav .right ul li #span_1 {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid #1e90ff;
  position: absolute;
  top: 62px;
  right: 0;
}
.image {
  position: relative;
  top: 0;
  z-index: -1;
  -webkit-animation: header_move 1.5s 0.3s both,header_show 2s 2s both;
  animation: header_move 1.5s 0.3s both,header_show 2s 2s both;
  opacity: .5;
 
}
.image img {
  width: 100%;
  height: auto;
  margin-top: -80px;
}
.banner {
  position: absolute;
  top: 120px;
  width: 100%;
  animation: banner_show 2s 1s both;
  text-align: center;
}
.banner-top {
  margin: 0 auto;
  /* width: 1543px; */
  display: inline-block;
}
.banner-top img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}
.header-bottom {
  width: 1200px;
  margin: -45px auto;
}
.header-bottom ul li {
  display: inline-block;
  margin-left: 55px;
  width: 150px;
  height: 150px;
  text-align: center;
  border-radius: 30px;
  -webkit-box-shadow: 6px 1px 20px 4px #C0C0C0;
  box-shadow: 6px 1px 20px 4px #C0C0C0;
}
.header-bottom ul .image-1 {
  background-image: url("/css/image/image-transparent-1.png");
  background-color: #1e90ff;
  margin-left: 0;
  position: relative;
  -webkit-animation: header_bottom_move 1.5s 0.2s linear;
  animation: header_bottom_move 1.5s 0.2s linear;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.header-bottom ul .image-2 {
  background-image: url("/css/image/image-2.png");
  background-color: #fff;
  position: relative;
  -webkit-animation: header_bottom_move 1.5s 0.5s linear;
  animation: header_bottom_move 1.5s 0.5s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.header-bottom ul .image-3 {
  background-image: url("/css/image/image-3.png");
  background-color: #fff;
  position: relative;
  -webkit-animation: header_bottom_move 1.5s 0.7s linear;
  animation: header_bottom_move 1.5s 0.7s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.header-bottom ul .image-4 {
  background-image: url("/css/image/image-4.png");
  background-color: #fff;
  position: relative;
  -webkit-animation: header_bottom_move 1.5s 0.9s linear;
  animation: header_bottom_move 1.5s 0.9s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.header-bottom ul .image-5 {
  background-image: url("/css/image/image-5.png");
  background-color: #fff;
  position: relative;
  -webkit-animation: header_bottom_move 1.5s 1.1s linear;
  animation: header_bottom_move 1.5s 1.1s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.header-bottom ul .image-6 {
  background-image: url("/css/image/image-6.png");
  background-color: #fff;
  position: relative;
  -webkit-animation: header_bottom_move 1.5s 1.3s linear;
  animation: header_bottom_move 1.5s 1.3s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.header-bottom ul li p {
  font-size: 28px;
  color: #708090;
  margin-top: 190px;
}
.header-bottom ul li .words-1 {
  color: #1e90ff;
}
.header-bottom ul li .words-2 {
  width: 169px;
}
.header-bottom ul li .words-3 {
  width: 169px;
}
.marketing {
  margin: 0 auto;
  margin-top: 300px;
  width: 1200px;
  height: auto;
}
.marketing .down {
  -webkit-animation: marketing_move 1.5s both;
  animation: marketing_move 1.5s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  position: relative;
}
.marketing h2 {
  font-size: 50px;
  color: #05173b;
  margin-top: 20px;
  position: relative;
  -webkit-animation: marketing_move 1.5s both;
  animation: marketing_move 1.5s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.marketing .left {
  margin-top: 100px;
  width: 440px;
  height: 150px;
  display: inline-block;
  border-radius: 40px;
  background-color: #1e90ff;
  color: #fff;
  padding-left: 30px;
  position: relative;
  -webkit-animation: serve_left_move 1.5s 0.1s both;
  animation: serve_left_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  box-shadow: 20px 0px 30px 3px #e0e0e0;
}
.marketing .left span {
  display: inline-block;
  background-image: url("/css/image/right-white.png");
  background-size: 25px 25px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}
.marketing .left h3 {
  font-size: 30px;
  display: inline-block;
}
.marketing .left p {
  font-size: 17px;
}
.marketing .right {
  width: 440px;
  height: 150px;
  display: inline-block;
  margin-left: 315px;
  padding-left: 40px;
  border-radius: 30px;
  position: relative;
  -webkit-animation: serve_right_move 1.5s 0.1s both;
  animation: serve_right_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  box-shadow: 20px 0px 30px 3px #e0e0e0;
}
.marketing .right span {
  display: inline-block;
  background: url("/css/image/right.png") no-repeat;
  background-size: 25px 25px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}
.marketing .right h3 {
  font-size: 30px;
  color: #05173b;
  display: inline-block;
}
.marketing .right p {
  font-size: 17px;
  color: #708090;
}
.marketing .notebook {
  margin: 0px auto;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  position: relative;
}
.marketing .lower-left {
  width: 440px;
  height: 150px;
  display: inline-block;
  padding-left: 40px;
  border-radius: 30px;
  -webkit-animation: serve_left_move 1.5s 0.1s both;
  animation: serve_left_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: relative;
  box-shadow: 20px 0px 30px 3px #e0e0e0;
}
.marketing .lower-left span {
  display: inline-block;
  background: url("/css/image/right.png") no-repeat;
  background-size: 25px 25px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}
.marketing .lower-left h3 {
  font-size: 30px;
  color: #05173b;
  display: inline-block;
}
.marketing .lower-left p {
  font-size: 17px;
  color: #708090;
}
.marketing .bottom-right {
  width: 440px;
  height: 150px;
  display: inline-block;
  border-radius: 30px;
  padding-left: 40px;
  margin-left: 315px;
  -webkit-animation: serve_right_move 1.5s 0.1s both;
  animation: serve_right_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: relative;
  box-shadow: 20px 0px 30px 3px #e0e0e0;
}
.marketing .bottom-right h3 {
  font-size: 30px;
  color: #05173b;
  display: inline-block;
}
.marketing .bottom-right span {
  display: inline-block;
  background: url("/css/image/right.png") no-repeat;
  background-size: 25px 25px;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}
.marketing .bottom-right p {
  font-size: 17px;
  color: #708090;
}
.serve {
  width: 1200px;
  margin: 120px auto;
}
.serve .down-1 {
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve h2 {
  font-size: 50px;
  color: #05173b;
  margin-top: 20px;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve > p {
  font-size: 36px;
  color: #708090;
  margin-top: 20px;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve .submodule {
  margin-top: 100px;
}
.serve .submodule > div {
  width: 600px;
  height: 237px;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
}
.serve .submodule .submodule-1 {
  padding-left: 0;
  position: relative;
  -webkit-animation: serve_left_move 1.5s 0.1s both;
  animation: serve_left_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve .submodule .submodule-2 {
  border-bottom: 1px #e5e5e5 solid;
  border-left: 1px #e5e5e5 solid;
  position: relative;
  -webkit-animation: serve_right_move 1.5s 0.1s both;
  animation: serve_right_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve .submodule .submodule-3 {
  border-bottom: 1px #e5e5e5 solid;
  border-top: 1px #e5e5e5 solid;
  position: relative;
  -webkit-animation: serve_left_move 1.5s 0.5s both;
  animation: serve_left_move 1.5s 0.5s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve .submodule .submodule-4 {
  border-left: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
  position: relative;
  -webkit-animation: serve_right_move 1.5s 0.5s both;
  animation: serve_right_move 1.5s 0.5s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve .submodule .submodule-5 {
  position: relative;
  -webkit-animation: serve_left_move 1.5s 0.9s both;
  animation: serve_left_move 1.5s 0.9s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve .submodule .submodule-6 {
  border-left: 1px #e5e5e5 solid;
  position: relative;
  -webkit-animation: serve_right_move 1.5s 0.9s both;
  animation: serve_right_move 1.5s 0.9s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.serve .submodule .submodule-2,
.serve .submodule .submodule-3,
.serve .submodule .submodule-4,
.serve .submodule .submodule-5,
.serve .submodule .submodule-6 {
  position: relative;
}
.serve .submodule .submodule-2 span,
.serve .submodule .submodule-3 span,
.serve .submodule .submodule-4 span,
.serve .submodule .submodule-5 span,
.serve .submodule .submodule-6 span {
  display: block;
  float: left;
  width: 173px;
  height: 117px;
  margin-top: 40px;
}
.serve .submodule .submodule-2 span {
  background-image: url("/css/image/01.png");
  margin-top: 0;
}
.serve .submodule .submodule-3 span {
  background-image: url("/css/image/02.png");
}
.serve .submodule .submodule-4 span {
  background-image: url("/css/image/03.png");
}
.serve .submodule .submodule-5 span {
  background-image: url("/css/image/04.png");
}
.serve .submodule .submodule-6 span {
  background-image: url("/css/image/05.png");
}
.serve .submodule .submodule-3 div,
.serve .submodule .submodule-4 div,
.serve .submodule .submodule-5 div,
.serve .submodule .submodule-6 div {
  position: absolute;
  top: 100px;
  left: 60px;
}
.serve .submodule .submodule-2 div {
  position: absolute;
  top: 60px;
  left: 65px;
}
.serve .submodule .submodule-2 div h3,
.serve .submodule .submodule-3 div h3,
.serve .submodule .submodule-4 div h3,
.serve .submodule .submodule-5 div h3,
.serve .submodule .submodule-6 div h3 {
  font-size: 35px;
  color: #1e90ff;
}
.serve .submodule .submodule-2 div p,
.serve .submodule .submodule-3 div p,
.serve .submodule .submodule-4 div p,
.serve .submodule .submodule-5 div p,
.serve .submodule .submodule-6 div p {
  font-size: 17px;
  color: #708090;
}
.hosting {
  width: 1200px;
  margin: 120px auto;
}
.hosting .down-2 {
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.hosting h2 {
  font-size: 50px;
  color: #05173b;
  margin-top: 20px;
  position: relative;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.hosting > p {
  font-size: 36px;
  color: #708090;
  margin-top: 20px;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.hosting .image {
  margin-top: 100px;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.cilent {
  width: 1200px;
  margin: 120px auto;
}
.client .down-3 {
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.client h2 {
  font-size: 50px;
  color: #05173b;
  margin-top: 20px;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.client .icon {
  margin: 40px auto;
  width: 1200px;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.client .icon ul li {
  float: left;
  margin-left: 60px;
  border-radius: 30px;
  -webkit-box-shadow: 0.5px 1px 6px 6px #e5e5e5;
  box-shadow: 0.5px 1px 6px 6px #e5e5e5;
  width: 150px;
  height: 150px;
  margin-top: 60px;
}
.client .icon ul .icon-1,
.client .icon ul .icon-2,
.client .icon ul .icon-3,
.client .icon ul .icon-4,
.client .icon ul .icon-5,
.client .icon ul .icon-6,
.client .icon ul .icon-7,
.client .icon ul .icon-8,
.client .icon ul .icon-9,
.client .icon ul .icon-10,
.client .icon ul .icon-11,
.client .icon ul .icon-12,
.client .icon ul .icon-13,
.client .icon ul .icon-14,
.client .icon ul .icon-15,
.client .icon ul .icon-16,
.client .icon ul .icon-17,
.client .icon ul .icon-18,
.client .icon ul .icon-19,
.client .icon ul .icon-20,
.client .icon ul .icon-21,
.client .icon ul .icon-22,
.client .icon ul .icon-23,
.client .icon ul .icon-24,
.client .icon ul .icon-25,
.client .icon ul .icon-26,
.client .icon ul .icon-27,
.client .icon ul .icon-28,
.client .icon ul .icon-29,
.client .icon ul .icon-30 {
  position: relative;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.client .icon ul .icon-1 {
  margin-left: 0;
}
.client .icon ul .icon-7 {
  margin-left: 0;
}
.client .icon ul .icon-13 {
  margin-left: 0;
}
.client .icon ul .icon-19 {
  margin-left: 0;
}
.client .icon ul .icon-25 {
  margin-left: 0;
}
.client .icon ul .icon-1:hover,
.client .icon ul .icon-2:hover,
.client .icon ul .icon-3:hover,
.client .icon ul .icon-4:hover,
.client .icon ul .icon-5:hover,
.client .icon ul .icon-6:hover,
.client .icon ul .icon-7:hover,
.client .icon ul .icon-8:hover,
.client .icon ul .icon-9:hover,
.client .icon ul .icon-10:hover,
.client .icon ul .icon-11:hover,
.client .icon ul .icon-12:hover,
.client .icon ul .icon-13:hover,
.client .icon ul .icon-14:hover,
.client .icon ul .icon-15:hover,
.client .icon ul .icon-16:hover,
.client .icon ul .icon-17:hover,
.client .icon ul .icon-18:hover,
.client .icon ul .icon-19:hover,
.client .icon ul .icon-20:hover,
.client .icon ul .icon-21:hover,
.client .icon ul .icon-22:hover,
.client .icon ul .icon-23:hover,
.client .icon ul .icon-24:hover,
.client .icon ul .icon-25:hover,
.client .icon ul .icon-26:hover,
.client .icon ul .icon-27:hover,
.client .icon ul .icon-28:hover,
.client .icon ul .icon-29:hover,
.client .icon ul .icon-30:hover {
  background-color: #1e90ff;
}
.client .icon ul .icon-2 {
  position: relative;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.client .icon ul .icon-1 span,
.client .icon ul .icon-2 span,
.client .icon ul .icon-3 span,
.client .icon ul .icon-4 span,
.client .icon ul .icon-5 span,
.client .icon ul .icon-6 span,
.client .icon ul .icon-7 span,
.client .icon ul .icon-8 span,
.client .icon ul .icon-9 span,
.client .icon ul .icon-10 span,
.client .icon ul .icon-11 span,
.client .icon ul .icon-12 span,
.client .icon ul .icon-13 span,
.client .icon ul .icon-14 span,
.client .icon ul .icon-15 span,
.client .icon ul .icon-16 span,
.client .icon ul .icon-17 span,
.client .icon ul .icon-18 span,
.client .icon ul .icon-19 span,
.client .icon ul .icon-20 span,
.client .icon ul .icon-21 span,
.client .icon ul .icon-22 span,
.client .icon ul .icon-23 span,
.client .icon ul .icon-24 span,
.client .icon ul .icon-25 span,
.client .icon ul .icon-26 span,
.client .icon ul .icon-27 span,
.client .icon ul .icon-28 span,
.client .icon ul .icon-29 span,
.client .icon ul .icon-30 span {
  display: inline-block;
  background-size: 120px 120px;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -60px;
  margin-left: -60px;
  border-radius: 30px;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.client .icon ul .icon-1 span {
  background-image: url("/css/image/1.png");
}
.client .icon ul .icon-2 span {
  background-image: url("/css/image/2.png");
}
.client .icon ul .icon-3 span {
  background-image: url("/css/image/3.png");
}
.client .icon ul .icon-4 span {
  background-image: url("/css/image/4.png");
}
.client .icon ul .icon-5 span {
  background-image: url("/css/image/5.png");
}
.client .icon ul .icon-6 span {
  background-image: url("/css/image/6.png");
}
.client .icon ul .icon-7 span {
  background-image: url("/css/image/7.png");
}
.client .icon ul .icon-8 span {
  background-image: url("/css/image/8.png");
}
.client .icon ul .icon-9 span {
  background-image: url("/css/image/9.png");
}
.client .icon ul .icon-10 span {
  background-image: url("/css/image/10.png");
}
.client .icon ul .icon-11 span {
  background-image: url("/css/image/11.png");
}
.client .icon ul .icon-12 span {
  background-image: url("/css/image/12.png");
}
.client .icon ul .icon-13 span {
  background-image: url("/css/image/13.png");
}
.client .icon ul .icon-14 span {
  background-image: url("/css/image/14.png");
}
.client .icon ul .icon-15 span {
  background-image: url("/css/image/15.png");
}
.client .icon ul .icon-16 span {
  background-image: url("/css/image/16.png");
}
.client .icon ul .icon-17 span {
  background-image: url("/css/image/17.png");
}
.client .icon ul .icon-18 span {
  background-image: url("/css/image/18.png");
}
.client .icon ul .icon-19 span {
  background-image: url("/css/image/19.png");
}
.client .icon ul .icon-20 span {
  background-image: url("/css/image/20.png");
}
.client .icon ul .icon-21 span {
  background-image: url("/css/image/21.png");
}
.client .icon ul .icon-22 span {
  background-image: url("/css/image/22.png");
}
.client .icon ul .icon-23 span {
  background-image: url("/css/image/23.png");
}
.client .icon ul .icon-24 span {
  background-image: url("/css/image/24.png");
}
.client .icon ul .icon-25 span {
  background-image: url("/css/image/25.png");
}
.client .icon ul .icon-26 span {
  background-image: url("/css/image/26.png");
}
.client .icon ul .icon-27 span {
  background-image: url("/css/image/27.png");
}
.client .icon ul .icon-28 span {
  background-image: url("/css/image/28.png");
}
.client .icon ul .icon-29 span {
  background-image: url("/css/image/29.png");
}
.client .icon ul .icon-30 span {
  background-image: url("/css/image/30.png");
}
.client .icon ul .icon-1 span:hover,
.client .icon ul .icon-2 span:hover,
.client .icon ul .icon-3 span:hover,
.client .icon ul .icon-4 span:hover,
.client .icon ul .icon-5 span:hover,
.client .icon ul .icon-6 span:hover,
.client .icon ul .icon-7 span:hover,
.client .icon ul .icon-8 span:hover,
.client .icon ul .icon-9 span:hover,
.client .icon ul .icon-10 span:hover,
.client .icon ul .icon-11 span:hover,
.client .icon ul .icon-12 span:hover,
.client .icon ul .icon-13 span:hover,
.client .icon ul .icon-14 span:hover,
.client .icon ul .icon-15 span:hover,
.client .icon ul .icon-16 span:hover,
.client .icon ul .icon-17 span:hover,
.client .icon ul .icon-18 span:hover,
.client .icon ul .icon-19 span:hover,
.client .icon ul .icon-20 span:hover,
.client .icon ul .icon-21 span:hover,
.client .icon ul .icon-21 span:hover,
.client .icon ul .icon-22 span:hover,
.client .icon ul .icon-23 span:hover,
.client .icon ul .icon-24 span:hover,
.client .icon ul .icon-25 span:hover,
.client .icon ul .icon-26 span:hover,
.client .icon ul .icon-27 span:hover,
.client .icon ul .icon-28 span:hover,
.client .icon ul .icon-29 span:hover,
.client .icon ul .icon-30 span:hover {
  -webkit-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.contact {
  width: 1200px;
  margin: 120px auto;
}
.contact .down-4 {
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1.5s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.contact h2 {
  font-size: 50px;
  color: #05173b;
  margin-top: 20px;
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.contact ul {
  margin: 100px auto;
}
.contact ul li {
  margin-left: 140px;
  float: left;
  text-align: center;
}
.contact ul .commerce {
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.1s both;
  animation: marketing_move 1s 0.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.contact ul .channel {
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.5s both;
  animation: marketing_move 1s 0.6s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.contact ul .address {
  position: relative;
  -webkit-animation: marketing_move 1.5s 0.9s both;
  animation: marketing_move 1.5s 1.1s both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.contact ul li h3 {
  font-size: 30px;
  color: #05173b;
  margin-bottom: 0;
}
.contact ul li > span {
  display: inline-block;
  width: 120px;
  border-bottom: 2px #05173b solid;
}
.contact ul li div {
  margin-top: 20px;
  width: 220px;
  height: 220px;
}
.fixed {
  position: fixed;
  right: 30px;
  bottom: 100px;
  width: 64px;
  height: 64px;
  display: none;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.footer {
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background-color: #1e90ff;
  margin-top: 120px;
  color: #fff;
  font-size: 18px;
}
.footer p {
  margin: 0;
}
.footer p a {
  color: #fff;
  text-decoration: none;
}
@-webkit-keyframes header_move {
  from {
    top: -100px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes header_move {
  from {
    top: -100px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes header_show {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes header_show {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes banner_show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes banner_show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes serve_left_move {
  from {
    left: -100px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes serve_left_move {
  from {
    left: -100px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes serve_right_move {
  from {
    right: -100px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
@keyframes serve_right_move {
  from {
    right: -100px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
@-webkit-keyframes marketing_move {
  from {
    top: -100px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes marketing_move {
  from {
    top: -160px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes header_bottom_move {
  from {
    top: -120px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes header_bottom_move {
  from {
    top: -120px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}